const { defineConfig } = require('@vue/cli-service')
const path=require("path");
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,
  // configureWebpack: config => {
  //   config.devtool = false
  // },
  productionSourceMap: false,
  chainWebpack:config=>{
    // svg图标加载
    config.module
      .rule('svg')
      .exclude.add(path.join(__dirname, 'src/assets/icons/svg'))
      .end()

    config.module
      .rule('icons')// 定义一个名叫 icons 的规则
      .test(/\.svg$/)// 设置 icons 的匹配正则
      .include.add(path.join(__dirname,'src/assets/icons/svg'))// 设置当前规则的作用目录，只在当前目录下才执行当前规则
      .end()
      .use('svg-sprite')// 指定一个名叫 svg-sprite 的 loader 配置
      .loader('svg-sprite-loader')// 该配置使用 svg-sprite-loader 作为处理 loader
      .options({// 该 svg-sprite-loader 的配置
        symbolId:'icon-[name]'
      })
      .end()
  },
//开启代理服务器(方法二)
  devServer: {
    proxy: {
      //  '/api'为请求前缀，用于控制是不是走代理，想走代理时就在请求前缀前边加上这个请求前缀
      '/api': {
        target: 'http://localhost:8081',
        pathRewrite: {
          '^/api': ''
        }, //重写路径  匹配以/api为开头的路径都变为空字符串
        ws: true, //用于支持websocket
        changeOrigin: true //用于控制请求头中的host值
      }
    },
    allowedHosts:'all'
  }
})
